<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="user/css/UserCenter.css?v=<?=WEB_VERSION?>" rel="stylesheet" type="text/css" />
<script src="user/js/jquery-1.7.1.min.js?v=<?=WEB_VERSION?>" type="text/javascript" language="javascript"></script>
<script src="user/js/UserWin.min.js?v=<?=WEB_VERSION?>" type="text/javascript" language="javascript"></script>
<title>100课堂英语学习会员中心</title>
</head>
<body>
<?include('userTop.php')?>
<div class="CenterAuto">
	<?
    include('userLeft.php')
    ?>
  <div class="CenterRight">
	<ul class="CourseListTitle" style=" margin-top:0;">
        	<li><a class="hove" href="javascript:;">大众专题英语</a></li>
            <li><a href="javascript:;">校园同步英语</a></li>
            <li><a href="javascript:;">专业英语</a></li>
            <li><a href="javascript:;">国际文化英语</a></li>
            <li><a href="javascript:;">发音校正体系</a></li>
        </ul>
  <div id="course0" class="CurseIndexVal">
	            <?
				   foreach($course1 as $v){
				?>
	            <a href="fcourse_<?=$v['id']?>.htm" class="CurseValueList">
            	<div style="float:left;"><img src="<?=SITE_URL.$v['pic']?>" width="124" height="83" /></div>
            	<div class="CurseListSun">
                	<strong><?=$v['english_title']?></strong>
                    <p><?=$v['smalltext']?></p>
                </div>
            	</a>
            	<?}?>
	        </div>
	         <div id="course1" class="CurseIndexVal">
	            <?
				   foreach($course2 as $v){
				?>
	            <a href="courseInfo.htm?id=<?=$v['id']?>" class="CurseValueList">
            	<div style="float:left;"><img src="<?=SITE_URL.$v['pic']?>" width="124" height="83" /></div>
            	<div class="CurseListSun">
                	<strong><?=$v['english_title']?></strong>
                    <p><?=$v['smalltext']?></p>
                </div>
            	</a>
            	<?}?>
	        </div>
	         <div id="course2" class="CurseIndexVal">
	            <?
				   foreach($course3 as $v){
				?>
	            <a href="courseInfo.htm?id=<?=$v['id']?>" class="CurseValueList">
            	<div style="float:left;"><img src="<?=SITE_URL.$v['pic']?>" width="124" height="83" /></div>
            	<div class="CurseListSun">
                	<strong><?=$v['english_title']?></strong>
                    <p><?=$v['smalltext']?></p>
                </div>
            	</a>
            	<?}?>
	        </div>
	         <div id="course3" class="CurseIndexVal">
	            <?
				   foreach($course4 as $v){
				?>
	            <a href="courseInfo.htm?id=<?=$v['id']?>" class="CurseValueList">
            	<div style="float:left;"><img src="<?=SITE_URL.$v['pic']?>" width="124" height="83" /></div>
            	<div class="CurseListSun">
                	<strong><?=$v['english_title']?></strong>
                    <p><?=$v['smalltext']?></p>
                </div>
            	</a>
            	<?}?>
	        </div>
	         <div id="course4" class="CurseIndexVal">
	            <?
				   foreach($course5 as $v){
				?>
	            <a href="courseInfo.htm?id=<?=$v['id']?>" class="CurseValueList">
            	<div style="float:left;"><img src="<?=SITE_URL.$v['pic']?>" width="124" height="83" /></div>
            	<div class="CurseListSun">
                	<strong><?=$v['english_title']?></strong>
                    <p><?=$v['smalltext']?></p>
                </div>
            	</a>
            	<?}?>
	        </div>
        </div>    
    <div class="clearc"></div>
</div>
<script type="text/javascript">
var Valuu=0;//这里的0是变量；范围是0到4，为了直接索引到其他地方点击的专题栏目。
$(document).ready(function(){
$('.CourseListTitle li a').removeClass();$('.CourseListTitle li').eq(Valuu).find('a').addClass("hove");$('.CurseIndexVal').hide();$('#course'+Valuu).show();
$('.CourseListTitle li').hover(function(){var indexss=$('.CourseListTitle li').index(this);$('.CourseListTitle li a').removeClass(); $(this).find('a').addClass("hove");$('.CurseIndexVal').hide(); $('#course'+indexss).fadeIn(700); },function(){});});
</script>
<?
include('userFoot.php')
?>
</body>
</html>
